<%@ include file="../includes/include.jsp"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="utf-8" %>
<html>
  <head>
    <title>用户注册</title>
    <meta http-equiv="keywords" content="TeamPower,团队力量,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/public.js"></script>
    <link rel="stylesheet" type="text/css" href="../style/TeamPower.css">
    <link rel="stylesheet" type="text/css" href="../style/LoginNew.css">
<style>
table {
	 font-size: 9pt;
	 font-weight: bold;
	/* padding:2px;*/
	}
span{
	font-size: 10pt;
	width:100%
}
</style>
<script>
	function checkfrm(){
		var flag = true
		${"msg"}.innerHTML="正在验证..."
		if($("username").value.length<2 || $("username").value.length>20){
			${"msg"}.innerHTML="用户名长度应该是2-20位。"
			 flag = false
			}
       if($("password").value.length<6 || $("password").value.length>20){
			${"msg"}.innerHTML="密码长度应该是6-20位。"
			flag = false
			}
       if($("password").value != $("passwordconfirm").value){
			${"msg"}.innerHTML="两次输入密码必需相同。"
			flag = false
			}
		if($("email").value.indexOf("@")<1 || $("email").value.indexOf(".")<1 || $("email").value.indexOf("@") > $("email").value.indexOf("."))
		 {
		   ${"msg"}.innerHTML="请输入正确格式的邮箱地址。"
		   flag = false
		 }
		return flag 
	}
</script>
</head>
<body> 
<div id="login_father">
		<div id="login">
			  <!--PANEL-->
			  <div style="height:43px "><img src="../style/images/TeamPowerAccount.gif"></div>
			  	<div class="bb-panel">
			  	<div class="bb-panel-head">
			  	  <div class="bb-panel-head-l"><div class="bb-panel-head-r"><div class="bb-panel-head-c"></div></div></div>
			  	 </div>
					  	  <div class="bb-panel-body" style="height:340px">
					  	  			  <!--FORMPANEL-->
					  	  			  <div class="Left" style="width:400px;">
											  	<div class="bb-panel" >
											  	<div class="bb-panel-head" style="border:#FFF">
										  	  <div class="bb-panel-head-l-wr bb-panel-head-l " ><div class="bb-panel-head-r bb-panel-head-r-wr"><div class="bb-panel-head-c" style="background:#FFF"></div></div></div>
										  	   </div>
												  	  <div class="bb-panel-body" style="background:#FFF;border:1px;" align="center">
												  	  	<!--LOGIN-->
												  	  	  <form id="frmid" method="post"  action="Users!reg.action">
				                                           <table border="0" cellpadding="0" cellspacing="0" width="340">
																		<tr><td  colspan="2" align="center" id="msg" style="color:#FF0000;font-size:9pt"><s:property value="msg" default="带*号的项目为必选项, 请全部填写"/></td></tr>
																		<tr ><td width="100" align="right">*用户登陆名：</td><td align="left"><input type="text" name="username" id="username" /></td></tr>
																		<tr ><td colspan="2" align="right" class="Gray">5-20位字母、数字或字符组合，首字母必须为字母。</td></tr>
																		<tr><td width="100" align="right">*登陆密码：</td><td align="left"><input type="password" name="password" id="password" /></td></tr>
										                                <tr><td colspan="2" align="right" class="Gray">6-20位字母、数字或字符组合，首字母必须为字母。</td></tr>
																		<tr><td width="100" align="right">*确认密码：</td><td align="left"><input type="password" id="passwordconfirm" /></td></tr>
																		<tr><td colspan="2" align="right" class="Gray">6-20位字母、数字或字符组合，首字母必须为字母。</td></tr>
																		<tr><td width="100" align="right">邮箱地址：</td><td align="left"><input type="text" name="email" id="email" /></td></tr>
																		<tr><td width="100" align="right">密码提示问题：</td><td align="left"><input type="text" name="question" id="question" /></td></tr>
										                                <tr><td colspan="2" align="right" class="Gray">这是您以后用于找回密码的凭据。</td></tr>
																		<tr><td width="100" align="right">密码提示答案：</td><td><input type="text" name="answer" id="answer" /></td></tr>
																		<tr><td width="100" align="right">&nbsp;</td><td><input type="submit" value="确认" class="btn" onclick="return checkfrm()"/></td></tr>
																		</table>
										               </form>
												  	  	<!--LOGIN END-->
												  	  	</div>
										  	   <div class="bb-panel-bottom">
										  	     <div class="bb-panel-bottom-l bb-panel-bottom-l-wr" ><div class="bb-panel-bottom-r-wr bb-panel-bottom-r" ><div class="bb-panel-bottom-c" style="background:#FFF"></div></div></div>
										        </div>
										     </div>
											 </div>
											<div class="Right">
											    	<div class="bb-panel" >
													   <div class="bb-panel-head" style="border:#FFF">
													   <div class="bb-panel-head-l-wr bb-panel-head-l " ><div class="bb-panel-head-r bb-panel-head-r-wr"><div class="bb-panel-head-c" style="background:#FFF"></div></div></div>
													   </div>
												  	    <div class="bb-panel-body" style="background:#FFF;height:360px">
														 TeamPower Account<br>
														 ZZZZzzzz<br><br><br><br><br><br><br><br><br><br>ZZZZZZZZZ<br><br><br><br><br><br><br><br><br><br>
														 </div>
														  <div class="bb-panel-bottom">
														 <div class="bb-panel-bottom-l bb-panel-bottom-l-wr" ><div class="bb-panel-bottom-r-wr bb-panel-bottom-r" ><div class="bb-panel-bottom-c" style="background:#FFF"></div></div></div>
														</div>
														</div>
											 
											</div>
					  	  	</div>
			  	   <div class="bb-panel-bottom">
			  	   <div class="bb-panel-bottom-l"><div class="bb-panel-bottom-r"><div class="bb-panel-bottom-c"></div></div></div>
			      </div>
			     </div>
			     <!--PANEL END-->
			  	<div><span id="copyright">&nbsp;&nbsp;&nbsp;&nbsp;CopyRight&nbsp;&nbsp;&nbsp;&nbsp;Reserved&nbsp;&nbsp;By&nbsp;&nbsp;TeamPower&nbsp;&nbsp;2009&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">首页</a></span></div>
			</div>
	</div>
</body>
</html>